<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人信息</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath }/WebFront/css/nav.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/WebFront/css/info.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/WebFront/css/moco.min.css" type="text/css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath }/WebFront/css/profile.css" type="text/css" />
    <script charset="UTF-8" type="text/javascript" src="${pageContext.request.contextPath }/WebFront/js/jquery.min.js"></script>
    <script charset="UTF-8" type="text/javascript" src="${pageContext.request.contextPath }/WebFront/js/jquery.cookie.js"></script>
    <script charset="UTF-8" type="text/javascript" src="${pageContext.request.contextPath }/WebFront/js/info.js"></script>
</head>

<body>
    <div>
        <header class="header">
            <a href="${pageContext.request.contextPath }/" class="title">BigWork
                <!-- BigWork -->
                <nav class="nav">
                    <a href="${pageContext.request.contextPath }/">首页</a>
                    <!-- <a href="detail.html">商品详情</a> -->
                </nav>
            </a>
        </header>
    </div>

    <div id="main">
        <div class="page-settings">
            <div class="top">
                <div class="w960 mauto top_title">
                    <p>个人设置</p>
                </div>
            </div>

            <div class="setting pb10">
                <div class="nav-tabs pa">
                    <h class="baseinfo fl active">基本信息</h>
                    <h class="countinfo fl">账户信息</h>
                    <h class="countinfo fl">收货地址</h>
                    <h class="countinfo fl">购书记录</h>
                </div>

                <div class="contentBox">
                    <div class="formBox">
                        <div style="width: 500px" id="setting-profile" class="setting-wrap setting-profile">

                            <div class="wlfg-wrap clearfix ">
                                <%--@declare id="job"--%><label class="label-name" for="job">头像：</label>
                                <div class="rlf-group">
                                    <img class="fl avator-img" id="js-portrait" src="${pageContext.request.contextPath }/WebFront/images/ying.jpg">
                                    <div class="fl ml20 pr">
                                        <div id="avator-btns" class="avator-btn-inner">

                                            <div class="avator-btn-wrap">
                                                <form target="uploadtarget" action="${pageContext.request.contextPath }/userSL/uploadAva" method="post"
                                                    enctype="multipart/form-data">
                                                    <input class="" style="width: 80px; float: right" type="file" title="上传头像" name="avatar"
                                                        id="upload" accept="image/*">
                                                    <button type="submit" class="avator-btn-fake" hidefocus="true">
                                                        上传头像
                                                    </button>
                                                </form>
                                                <iframe src="about:blank" id="uploadtarget" name="uploadtarget"
                                                    frameborder="0" style="display:none;"></iframe>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="cb"></div>
                                    <p class="rlf-tip-wrap errorHint color-red"></p>
                                </div>
                            </div>

                            <form action="" method="post">
                                <div class="wlfg-wrap clearfix">
                                    <label class="label-name" for="js-uname">昵称：</label>
                                    <div class="rlf-group">
                                        <input type="text" name="uname" id="js-uname" autocomplete="off"
                                            data-validate="require-nick" class="moco-form-control" value=""
                                            placeholder="" />
                                        <p class="rlf-tip-wrap errorHint color-red"></p>
                                    </div>
                                </div>
                                <div class="wlfg-wrap clearfix">
                                    <label class="label-name" for="urole">权限：</label>
                                    <div class="rlf-group">
                                        <input type="text" name="urole" id="urole" autocomplete="off"
                                            data-validate="require-nick" class="moco-form-control" disabled
                                            value="USER" />
                                        <p class="rlf-tip-wrap errorHint color-red"></p>
                                    </div>
                                </div>
                                <div class="wlfg-wrap clearfix">
                                    <label class="label-name" for="signature">个性签名：</label>
                                    <div class="rlf-group">
                                        <div class="pr">
                                            <textarea name="aboutme" id="signature" rows="5"
                                                class="noresize js-sign moco-form-control"></textarea>
                                            <!-- <p class="numCanInput js-numCanInput ">还可以输入128个字符</p> -->
                                        </div>
                                    </div>
                                </div>
                                <div class="wlfg-wrap clearfix">
                                    <label class="label-name" for="profile-submit"></label>
                                    <div class="rlf-group">
                                        <span id="base-submit" hidefocus="true" aria-role="button"
                                            class="rlf-btn-green btn-block profile-btn">保存</span>
                                    </div>
                                </div>
                            </form>
                        </div>

                        <div id="account-profile" class="setting-wrap setting-profile">
                            <form id="profile">
                                <div class="wlfg-wrap clearfix">
                                    <label class="label-name" for="uid">账号：</label>
                                    <div class="rlf-group">
                                        <input type="text" name="uid" id="uid" disabled autocomplete="off"
                                            data-validate="require-nick" class="moco-form-control"
                                            placeholder="请输入账号" />
                                        <p class="rlf-tip-wrap errorHint color-red"></p>
                                    </div>
                                </div>
                                <div class="wlfg-wrap clearfix">
                                    <label class="label-name" for="passwd">密码：</label>
                                    <div class="rlf-group">
                                        <input type="password" name="passwd" id="passwd" autocomplete="off"
                                            data-validate="require-nick" class="moco-form-control"
                                            placeholder="请输入密码" />
                                        <p class="rlf-tip-wrap errorHint color-red"></p>
                                    </div>
                                </div>
                                <div class="wlfg-wrap clearfix">
                                    <label class="label-name" for="uemail">邮箱：</label>
                                    <div class="rlf-group">
                                        <input type="email" name="uemail" id="uemail" autocomplete="off"
                                            data-validate="require-nick" class="moco-form-control"
                                            placeholder="请输入邮箱" />
                                        <p class="rlf-tip-wrap errorHint color-red"></p>
                                    </div>
                                </div>
                                <div class="wlfg-wrap clearfix">
                                    <label class="label-name" for="uphone">手机号：</label>
                                    <div class="rlf-group">
                                        <input type="text" name="uphone" id="uphone" autocomplete="off"
                                            data-validate="require-nick" class="moco-form-control"
                                            placeholder="请输入手机号" />
                                        <p class="rlf-tip-wrap errorHint color-red"></p>
                                    </div>
                                </div>
                                <div class="wlfg-wrap clearfix">
                                    <label class="label-name" for="profile-submit"></label>
                                    <div class="rlf-group">
                                        <button style="cursor: pointer" type="button" >
                                            <span id="profile-submit" hidefocus="true" aria-role="button"
                                                  class="rlf-btn-green btn-block profile-btn">
                                                保存
                                            </span>
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>

                        <div id="address-profile" class="setting-wrap setting-profile">
                            <!-- TODO:  -->
                            <div class="wlfg-wrap clearfix">
                                <ul>
                                    <li>
                                        <span>张三</span>
                                        <span>029-82312504</span>
                                        <span>山东省日照市山海路99号</span>
                                        <button class="moco-btn moco-btn-red">删除</button>
                                        <input type="hidden" name="record-id" value="">
                                    </li>
                                    <li>
                                        <span>张三</span>
                                        <span>029-82312504</span>
                                        <span>山东省日照市山海路99号</span>
                                        <button class="moco-btn moco-btn-red">删除</button>
                                        <input type="hidden" name="record-id" value="">
                                    </li>
                                    <li>
                                        <span>张三</span>
                                        <span>029-82312504</span>
                                        <span>山东省日照市山海路99号</span>
                                        <button class="moco-btn moco-btn-red">删除</button>
                                        <input type="hidden" name="record-id" value="">
                                    </li>
                                </ul>
                                <button style="cursor: pointer" class="moco-btn">增加</button>
                            </div>
                        </div>

                        <div id="purchase-profile" class="setting-wrap setting-profile">
                            <!-- TODO:  -->
                            <div class="wlfg-wrap clearfix">
                                <ul>
                                    <li>
                                        <span>recpurchase.bookname</span>
                                        <span>recpurchase.recencoding</span>
                                        <span>recpurchase.number</span>
                                        <%-- 实付--%>
                                        <span>recpurchase.handle</span>
                                        <%-- 购买时间--%>
                                        <span>recpurchase.purchasetime</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>